<template xmlns="http://www.w3.org/1999/html">
  <div class="app-container">
    <van-grid :gutter="10">
      <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="文字" />
    </van-grid>

    <van-grid :gutter="10">
      <van-grid-item v-for="value in 8" :key="value" icon="user-o" text="文字" />
    </van-grid>

    <van-tabbar v-model="active" @change="switchTabbar">
      <van-tabbar-item icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item icon="apps-o">管理</van-tabbar-item>
      <van-tabbar-item icon="chart-trending-o">统计</van-tabbar-item>
      <van-tabbar-item icon="user-circle-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'index',
  components: {},
  dicts: [],
  data() {
    return {
      active : 0,
      accountInfo: {}
    }
  },

  created() {

  },
  methods: {
    switchTabbar(index){
      console.log("switchTabbar:",index);
    }
  }
}
</script>
<style lang="scss" scoped>
.main-container{
  .app-main{
    background: #ebebeb42;
    .app-container{
      background: #ebebeb42;
    }
  }
}


</style>
